<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>我的邀请码</title>
		<link rel="stylesheet" href="/zc/css/style.css" />
		<link rel="stylesheet" href="/zc/css/index.css" />
		<link rel="stylesheet" href="/zc/css/login.css" />
		<link href="/zc/css/swiper.min.css" rel="stylesheet">
		<link rel="stylesheet" href="/zc/css/swiper-3.2.7.min.css" />
		<script src="/zc/js/flexible.js"></script>
		<script src="/zc/js/flexible_css.js"></script>
		<script src="/zc/js/template.js"></script>
		<script src="/zc/js/jquery-1.11.1.min.js"></script>
		<script src="/zc/js/unslider.min.js"></script>
	    <script src="/zc/js/jquery.min.js"></script>
		<script type="text/javascript" src="/zc/js/swiper-3.4.0.jquery.min.js" ></script>
		
		<script src="/zc/js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript" src="/zc/js/jquery.qrcode.min.js"></script>


		
		<style>
			html{
				height: 100%;
			}
			body{
				width: 100%;
				height: 100%;
				background: url(/zc/img/ewmbj.png)no-repeat center;
				background-size: 100% 100%;
			}
			.header{
				background: #006143;
			}
			.header a{
				background: url(/zc/img/fh_b.png)no-repeat center center;
			}
			.header span{
				color: #fff;
			}
			.yqm{
				width: 70%;
				margin: auto;
				background: #fff;
				margin-top: 6rem;
				border-radius: .2rem;
				border: 2px solid #128764;
				padding-bottom: .5rem;
			}
			.yqm_box{
				border-bottom: 1px dashed #5f5f5f ;
				padding-bottom: .3rem;
			}
			.yqm01{
				font-size: .5rem;
				font-weight: bold;
				color: #333333;
				text-align: center;
				margin-top: .3rem;
			}
			.yqm02{
				text-align: center;
				font-size: .6rem;
				color: #036145;
				margin-top: .1rem;
				font-weight: bold;
			}
			.yqm03{
				font-size: .35rem;
				color: #999;
				text-align: center;
				margin-top: .1rem;
			}
			.ewmsc{
				width: 2.5rem;
				height: 2.5rem;
				margin: auto;
				margin-top: .5rem;
				border: 1px solid #5f5f5f;
			}
			.ewmsc *{
				width: 2.5rem;
			}
			.lj{
				width: 70%;
				margin: auto;
				height: 1rem;
				overflow: hidden;
				background: #fff;
				border: 2px solid #128764;
				border-radius: .2rem;
				margin-top: .3rem;
			}
			.lj p{
				width: 90%;
				text-align: center;
				font-size: .3.5rem;
				color: #333;
				line-height: 1rem;
			}
			.ljan{
				width: 70%;
				height: 1rem;
				margin: auto;
				margin-top: .3rem;
			}
			.ljan input{
				width: 100%;
				height: 1rem;
				font-size: .4rem;
				font-weight: bold;
				color: #fff;
				background: #128764;
				border-radius: .2rem;
				border: 0;
			}
		</style>
	</head>
	<body>
		<div class="header">
			<span>我的邀请码</span>
			<a href="javascript:history.go(-1)" class="return"></a>
		</div>
		<div style="height: 1rem;"></div>	
		
		<div class="yqm">
			<div class="yqm_box">
				<p class="yqm01">邀请码</p>
				<p class="yqm02">2222</p>
				<p class="yqm03">您的好友在注册时也可填写邀请码</p>
			</div>
			
			<div class="ewmsc" id="output"> 
			</div>
		</div>
		
		<div class="lj"><p>http://lxjz.tcg107.com/index.php?s=/H...</p></div>
		
		<div class="ljan"><input type="submit" value="复制推荐链接"></div>
	</body>
	
	
	<script>

	jQuery(function(){
	
		jQuery('#output').qrcode("http://www.jq22.com");
	
	})
	
	</script>


</html>
